html, body, h1, form, fieldset, legend, ol, li {
margin: 0;
padding: 0;
}


body {
background: #ffffff;
color: #111111;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 20px;
}


#UM {
background: #9cbc2c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
counter-reset: fieldsets;
padding: 20px;
}

#UM fieldset {
border: none;
margin-bottom: 10px;
}

#UM fieldset:last-of-type {
margin-bottom: 0;
}

#UM legend {
color: #384313;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #c0d576;
}

#UM > fieldset > legend:before {
content: "Step " counter(fieldsets) ": ";
counter-increment: fieldsets;
}

#UM fieldset fieldset legend {
color: #111111;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}

#UM ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}

#UM ol ol li {
background: none;
border: none;
float: left;
}

#UM label {
float: left;
font-size: 13px;
width: 110px;
}

#UM fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}

#UM label[for=visa] {
background-image: url(visa.gif);
}
#UM label[for=amex] {
background-image: url(amex.gif);
}
#UM label[for=mastercard] {
background-image: url(mastercard.gif);
}

#UM fieldset fieldset label:hover {
cursor: pointer;
}

#UM input:not([type=radio]),
#UM textarea {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
outline: none;
width: 220px;
}

#UM input[type=radio] {
float: left;
margin-right: 5px;
}

#UM input[type=submit] {
background: #384313;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}

#UM input[type=submit]:hover {
background: #1e2506;
cursor: pointer;
}


#UM input[type=text],
#UM textarea {
	  background: #ddd url('../Images/inputSprite.png') no-repeat 4px 5px;
	  padding: 7px 8px 7px 30px;
}

#UM input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

#UM input.email { 
background-position: 4px 5px; 
background-position: 4px 5px, 0px 0px;
}

#UM input.password { 
background-position: 4px -20px; 
background-position: 4px -20px, 0px 0px;
}

#UM input.name { 
background-position: 4px -46px; 
background-position: 4px -46px, 0px 0px; 
}

#UM input.tel { 
background-position: 4px -76px; 
background-position: 4px -76px, 0px 0px; 
}

.buttonCircle{
width:100px;
height:100px;
display:block;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
font-size:15px;
color:#fff;
line-height:100px;
text-align:center;
background:#384313;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}

.buttonCircle:hover {
background: #1e2506;
cursor: pointer;
}

.registerPosition{
	position:fixed;
	top:240px;
	right:150px;	
}
